/*
尽可能还原 Promise 中的每一个 API, 并通过注释的方式描述思路和原理.
*/
/**
 * 1. Promise 就是一个类 在执行这个类的时候 需要传递一个执行器进去 执行器会立即执行
 * 2. Promise 中有三种状态 分别为 成功 fulfilled 失败 rejected 等待 pending
 *    pending -> fulfilled
 *    pending -> rejected
 *    一旦状态确定就不能更改
 * 3. resolved和reject函数是用来更改状态的
 *    resolve：fulfilled
 *    reject:  rejected
 * 4. then方法内部做的事情就是判断状态，
 *    如果状态是成功 调用成功的回调函数
 *    如果失败 调用失败的回调函数
 *    then方法是定义在原型对象当中的
 * 5. then成功回调有一个参数 表示成功后的值；
 *    失败参数有个参数，表示失败后的原因
 *    异步逻辑时走else 存储succcessCallback在resolve中执行
 * 6. 多次调用then 此时successCallback需要用数组存储
 * 7. then可以链式调用，后面then方法的回调函数拿到的是上一个then方法的回调函数的返回值 (此时异步模式下有问题)
 * 8. then链式调用识别Promise对象自返回
 * 9. 错误处理
 * 10.then方法的两个参数都是可选参数，当没有参数或传入的参数不是函数时，promise的状态会依次向后传递
 * 11.Promise.all,按异步代码调用的顺序获得异步代码执行的结果
 * 12.
 * 13.
 * 14.
*/
//状态定义为常量，复用且有代码提示
const PENDING = 'pending';
const FULFILLED = 'fulfilled';
const REJECTED = 'rejected'
class MyPromise {
  constructor (executor) {
    // 捕获执行器错误
    try {
      executor(this.resolved, this.reject)
    } catch (e) {
      this.reject(e)
    }
  }
  // promise 状态
  status = PENDING;
  // 成功后的值
  value = undefined;
  // 失败后的原因
  reason = undefined;
  // 成功回调
  successCallback = [];
  // 失败回调
  failCallback = [];
  // 使用箭头函数，让函数内部this指向MyPromise这个类
  resolved = value => {
    // 如果状态不是等待,阻止程序向下执行
    if (this.status !== PENDING) return;
    // 将状态更改为成功
    this.status = FULFILLED;
    // 保存成功之后的值
    this.value = value;
    // 判断成功回调是否存在，如果存在 调用
    while(this.successCallback.length) {
      this.successCallback.shift()()
    }
  }
  reject = reason => {
    // 如果状态不是等待,阻止程序向下执行
    if (this.status !== PENDING) return;
    this.status = REJECTED;
    // 保存失败之后的原因
    this.reason = reason;
    // 判断失败回调是否存在 如果存在 调用
    while(this.failCallback.length) {
      this.failCallback.shift()();
    }
  }
  then (successCallback, failCallback) {
    successCallback ||= value => value
    failCallback ||= reason => { throw reason }
    // 用于实现then方法的链式调用
    let promise2 = new MyPromise((resolve, reject) => {
      // 判断1状态
      if (this.status === FULFILLED) {
        // 变为异步执行代码，解决promise2无法获取的问题
        setTimeout(() => {
          // 捕获then报错
          try {
            let x = successCallback(this.value);
            // 判断 x 的值是普通值还是promiseduixiang
            // 如果是普通值 直接调用promise
            // 如果是promise对象 查看promise对象返回的结果
            // 再根据promise对象返回的结果 决定调用resolve 还是调用reject
            // 注意 promise2的生成时机
            resolvePromise(promise2, x, resolve, reject);
          } catch (e) {
            reject(e)
          }
        }, 0)
      } else if (this.status === REJECTED) {
        setTimeout(() => {
          // 捕获then报错
          try {
            let x = failCallback(this.reason);
            // 判断 x 的值是普通值还是promiseduixiang
            // 如果是普通值 直接调用promise
            // 如果是promise对象 查看promise对象返回的结果
            // 再根据promise对象返回的结果 决定调用resolve 还是调用reject
            // 注意 promise2的生成时机
            resolvePromise(promise2, x, resolve, reject);
          } catch (e) {
            reject(e)
          }
        }, 0)
      } else { // 等待状态 pending
        // 将成功回调或失败回调存储起来
        this.successCallback.push(() => {
          setTimeout(() => {
            // 捕获then报错
            try {
              let x = successCallback(this.value);
              // 判断 x 的值是普通值还是promiseduixiang
              // 如果是普通值 直接调用promise
              // 如果是promise对象 查看promise对象返回的结果
              // 再根据promise对象返回的结果 决定调用resolve 还是调用reject
              // 注意 promise2的生成时机
              resolvePromise(promise2, x, resolve, reject);
            } catch (e) {
              reject(e)
            }
          }, 0)
        });
        this.failCallback.push(() => {
          setTimeout(() => {
            // 捕获then报错
            try {
              let x = failCallback(this.reason);
              // 判断 x 的值是普通值还是promiseduixiang
              // 如果是普通值 直接调用promise
              // 如果是promise对象 查看promise对象返回的结果
              // 再根据promise对象返回的结果 决定调用resolve 还是调用reject
              // 注意 promise2的生成时机
              resolvePromise(promise2, x, resolve, reject);
            } catch (e) {
              reject(e)
            }
          }, 0)
        });
      }
    })
    return promise2;
  }
  finally (callback) {
    // 利用then 方法获得状态
    return this.then(value => {
      // 处理异步情况
      return MyPromise.resolve(callback()).then(() => value)    
    }, reason => {
      return MyPromise.resolve(callback()).then(() => { throw reason })
    })
  }
  catch (failCallback) {
    return this.then(undefined, failCallback)
  }
  static all (array) {
    let result = [];
    let index = 0
    return new Promise((resolve, reject) => {
      function addData(key, value) {
        result[key] = value;
        // 解决异步代码的问题
        index ++
        if (index === array.length) {
          resolve(result);
        }
      }
      for (let i = 0; i < array.length; i++) {
        let current = array[i];
        if (current instanceof MyPromise) {
          // promise 对象
          current.then(value => addData(i, value), reject)
        } else {
          addData(i, current);
        }
      }
    })
  }
  static resolve (value) {
    if (value instanceof MyPromise) return value;
    return new MyPromise(resolve => resolve(value))
  }
}

function resolvePromise(promise2, x,  resolve, reject) {
  // 识别自调用
  if (promise2 === x) {
    return reject(new TypeError('Chaining cycle detected for promise #<Promise>'))
  }
  if (x instanceof MyPromise) {
    // promise 对象
    // x.then(value => resolve(value), reason => reject(reason));
    x.then(resolve, reject);
  } else {
    // 普通值
    resolve(x);
  }
}
